@import "../../../base/base";
@import "~pofod/base/base";
@prefix:recruitment;
.@{prefix}{
  padding-left: 8px;
  .max-media(1200px,{padding:20px 10px;});
  p,li{
    .max-media(1200px,{font-size: 13px;});
  }
  .@{prefix}-phone{
    border-left: 2px solid @base-color;
    padding-left: 30px;
    position: relative;
    #@{prefix}-title{
      .title_style;
    }
    >p{
      text-indent: 0!important;
    }
    .before;
    padding-bottom: 30px;
    .max-media(1200px,{padding-left: 20px;});
  }
  .@{prefix}-post-container{
    text-align: left;
    border-left: 2px solid @base-color;
    padding-left: 30px;
    position: relative;
    .max-media(1200px,{padding-left: 20px;});
    .before;
    #@{prefix}-post-title{
      .title_style;
    }
    padding-bottom: 30px;
    .@{prefix}-introduction{
      .@{prefix}-introduction-title{
        float: left;
      }
      .@{prefix}-introduction-list{
        float: left;
      }
    }
  }
}
.before(){
  &:before{
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 18px;
    display: block;
    position: absolute;
    background: @base-color;
    left: -10px;
    top: 0;
  }
}
.title_style(){
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: @base-color;
  margin-bottom: 10px;
  text-indent: 0;
  .max-media(1200px,{font-size: 16px;line-height: 16px;});
}